<template>
  <div>
    <HomeTop />
    <HomeSales />
    <el-row>
      <el-col :xs="24" :md="12" class="search-p">
        <SearchKeyWord />
      </el-col>
      <el-col :xs="24" :md="12">
        <CategoryRank />
      </el-col>
    </el-row>
    <HomeMap />
    <ChinaMap/>
  </div>
</template>

<script lang="ts">
export default {
  name: "XHome",
};
</script>

<script lang="ts" setup>
import HomeTop from "./components/HomeTop.vue";
import HomeSales from "./components/HomeSales.vue";
import SearchKeyWord from "./components/SearchKeyWord.vue";
import CategoryRank from "./components/CategoryRank.vue";
import HomeMap from "./components/HomeMap.vue";
import ChinaMap from "./components/ChinaMap.vue";
</script>

<style scoped></style>